<template>
  <div class="dmall_merchant-container">
    <Layout>
      <router-view></router-view>
    </Layout>
    <!-- dialog放置在最外层 -->
    <Dialog v-show="isShow"></Dialog>
    <!-- 
      v-if 
      v-show  
    -->
  </div>
</template>

<script>
import Dialog from "../../components/dialog";
import Layout from "../dmallLayout/index";
import { mapState } from "vuex";
// 使用watch常见场景：
// 1. 大屏联动效果
// 一个页面点击触发事件 需要另一个页面的试图配合 ，
// 如果我们采用vuex，中存储状态值的方式，
// 另一个页面需要监听状态值，更新页面的效果 watch:

/**
 * 2.
 * 在vuex的action中请求数据
 * 组件要拿到当前数据，需要在组件内部watch这个数据，
 * 原因是当前数据属于：异步数据；在第一次页面加载的过程中获取不到数据，需要监听
 *
 */
export default {
  computed: {
    ...mapState("cart", ["isShow"]),
  },
  components: {
    Layout,
    Dialog,
  },
};
</script>

<style>
</style>
